<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://s1.ljcdn.com/clogin/favicon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="font/over.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/mui.min.css">
    <script src="js/mui.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>海外</title>
    <style>
        .swiper-container {
            width: 100%;
            height: 4.5rem;
        }

        .swiper-slide {
            width: 100%;
            height: 150px;
        }

        .swiper-slide img {
            width: 100%;
            height: 4.5rem;

        }
    </style>
</head>

<body>
    <div class="page">
        <div class="app">
            <div class="header">
                <div class="header-left">
                    <span class="iconfont icon-jiantouarrowhead7" id="home">
                    </span>

                </div>
                <div class="header-conter">
                    <span>
                        <img src="./img/logo.png"
                            alt="" style="position:absolute;top:-10px;">
                    </span>
                </div>
                <div class="header-right">
                    <span class="iconfont icon-lianxiren">

                    </span>
                </div>
            </div>
        </div>
        <div class="swiper-container">

            <div class="swiper-wrapper">

                <div class="swiper-slide"><img src="http://img.ljcdn.com/growth-activity/1590461666016.jpg.1000x.jpg" />
                </div>

                <div class="swiper-slide"><img src="http://img.ljcdn.com/growth-activity/1590131503482.jpg.1000x.jpg">
                </div>

                <div class="swiper-slide"><img src="http://img.ljcdn.com/growth-activity/1584353292661.jpg.1000x.jpg"
                        alt=""></div>
                <div class="swiper-slide"><img src="http://img.ljcdn.com/growth-activity/1588757003850.jpg.1000x.jpg"
                        alt=""></div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="lj-trak">
            <div>
                <a class="search-input">
                    请输入地区和城市
                </a>
            </div>
        </div>
        <div class="home-page__ball-area">
            <div class="lj-track ball-box">
                <div><img class="ball-img" src="http://img.ljcdn.com/growth-activity/1581318385512.png">
                    <div class="ball-name">全球房源</div>
                </div>
            </div>
            <div class="lj-track ball-box">
                <div><img class="ball-img" src="http://img.ljcdn.com/growth-activity/1581318390107.png">
                    <div class="ball-name">最新好房</div>
                </div>
            </div>
            <div class="lj-track ball-box">
                <div><img class="ball-img" src="http://img.ljcdn.com/growth-activity/1581318396255.png">
                    <div class="ball-name">置业专家</div>
                </div>
            </div>
            <div class="lj-track ball-box">
                <div><img class="ball-img" src="http://img.ljcdn.com/growth-activity/1581318403525.png">
                    <div class="ball-name">免费讲座</div>
                    <div class="ball-tip">优惠</div>
                </div>
            </div>
            <div class="lj-track ball-box">

                <div><img class="ball-img" src="http://img.ljcdn.com/growth-activity/1581318409429.png">
                    <div class="ball-name">帮我找房</div>
                </div>
            </div>
        </div>
        <div class="home-page__hot-nations">
            <div class="hot-nations">
                <div class="hot-nations-panel">
                    <div class="hot-nations-title"><span>热门国家</span><a class="hot-nations-text"><span
                                class="more-text">更多</span><i class="icon-enter"></i></a></div>
                    <div class="img-list">
                        <div class="list-content scroll-content">
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562050185684.png.500x.jpg);">
                                        <div class="nation-name">美国</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">

                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562050194034.png.500x.jpg);">
                                        <div class="nation-name">日本</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1568882501235.png.500x.jpg);">
                                        <div class="nation-name">英国</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562916234508.png.500x.jpg);">
                                        <div class="nation-name">泰国</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">

                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1568882507728.png.500x.jpg);">
                                        <div class="nation-name">澳大利亚</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562916289443.png.500x.jpg);">
                                        <div class="nation-name">加拿大</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562916304666.png.500x.jpg);">
                                        <div class="nation-name">德国</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562916308562.png.500x.jpg);">
                                        <div class="nation-name">法国</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1562917959358.png.500x.jpg);">
                                        <div class="nation-name">新加坡</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                            <div class="nation-img-box">
                                <div class="lj-track nation-img-lj-box">
                                    <div class="nation-img"
                                        style="background-image: url(http://img.ljcdn.com/growth-activity/1585641317298.png.500x.jpg);">
                                        <div class="nation-name">马来西亚</div>
                                        <div class="nation-price"></div>
                                        <div class="nation-line"></div>
                                        <div class="nation-view">查看</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="city-panel city-panel1">
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">纽约地区</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">东京都</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">墨尔本</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">悉尼</div>
                        </div>
                    </div>
                </div>
                <div class="city-panel">
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">50-100万</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">100-200万</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">200-300万</div>
                        </div>
                    </div>
                    <div class="city-name">
                        <div class="lj-track">
                            <div class="redirect-item">300-500万</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="home-page__seminar-list">
            <div class="seminar-container">
                <div class="title-container">
                    <h3 class="title">免费讲座</h3>
                    <div class="more-box"><span class="more-text">更多</span><a class="more-detail"></a></div>
                </div>
                <div class="list">
                    <div class="lj-track lj-seminar-card-container">
                        <li class="seminar-card-container">
                            <div class="seminar-cover"></div>
                            <div class="seminar-card"
                                style="background-image: url(https://image1.ljcdn.com/overseas/img-21348f4e-d025-447f-bbd4-2563be4925a0.jpg.1000x.jpg);">
                                <div class="seminar-label label-red">线上直播</div>
                                <div class="seminar-title">直播-全球好房好物推荐</div>
                                <div class="seminar-time"><span class="seminar-time-text">2020-05-29 19:00</span>
                                    <div class="seminar-live"><span class="seminar-live-text">立即预约</span><span
                                            class="seminar-live-icon"></span></div>
                                </div>
                            </div>
                        </li>
                    </div>
                    <div class="lj-track lj-seminar-card-container">
                        <li class="seminar-card-container">
                            <div class="seminar-cover"></div>
                            <div class="seminar-card"
                                style="background-image: url(&quot;https://image1.ljcdn.com/overseas/img-480f6066-32a3-4bc0-a900-fcc109e851df.jpg.1000x.jpg&quot;);">
                                <div class="seminar-label label-red">线上直播</div>
                                <div class="seminar-title">链家海外东京营业部长带您“云”看好房</div>
                                <div class="seminar-time"><span class="seminar-time-text">2020-05-31 14:00</span>
                                    <div class="seminar-live"><span class="seminar-live-text">立即预约</span><span
                                            class="seminar-live-icon"></span></div>
                                </div>
                            </div>
                        </li>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-page__four-marketing">
            <div class="marketing-img">
                <div class="lj-track">
                    <div><img src="http://img.ljcdn.com/growth-activity/1590131269457.jpg.500x.jpg" alt=""></div>
                </div>
            </div>
            <div class="marketing-img">
                <div class="lj-track">
                    <div><img src="http://img.ljcdn.com/growth-activity/1586515501709.jpeg.500x.jpg" alt=""></div>
                </div>
            </div>
            <div class="marketing-img">
                <div class="lj-track">
                    <div><img src="http://img.ljcdn.com/growth-activity/1590131261991.jpg.500x.jpg" alt=""></div>
                </div>
            </div>
            <div class="marketing-img">
                <div class="lj-track">
                    <div><img src="http://img.ljcdn.com/growth-activity/1590133601669.jpg.500x.jpg" alt=""></div>
                </div>
            </div>
        </div>
        <div class="home-page__star-house">
            <div class="house-header">
                <div class="house-header-content">
                    <div class="name house-name black-name active" data-index="0">VR看房</div>
                    <div class="name house-name" data-index="1">交通便利</div>
                    <div class="name house-name" data-index="2">优选地段</div>
                    <div class="name house-name" data-index="3">独享花园</div>
                </div>
            </div>
            <div class="house-desc">
                <div class="desc house-desc show-desc house-desc0" style="display: block;">真房源随心看</div>
                <div class="desc house-desc house-desc1">位置佳世界变小</div>
                <div class="desc house-desc house-desc2">新生活新体验</div>
                <div class="desc house-desc house-desc3">四季尽收眼底</div>
            </div>
            <div class="house-list show-list ">
                <div class="list-content scroll-content ">
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-b650d31a-dcbc-4ee9-9eef-bd40c5f87dc8.jpg.500x.jpg">
                                <div class="area">泰国·曼谷</div>
                            </div>
                            <div class="tags">1室/2室 34-49m²</div>
                            <div class="title two-line">曼谷通罗 okaHAUS 公寓</div>
                            <div class="price">约138-172万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-7113ae0e-8061-47c5-ac66-7371cf239373.jpg.500x.jpg">
                                <div class="area">泰国·曼谷</div>
                            </div>
                            <div class="tags">1室/2室 30-80m²</div>
                            <div class="title two-line">曼谷 kawaHAUS 公寓</div>
                            <div class="price">约142-268万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-3c3da0e7-a425-469b-9fd3-9993f53904ff.png.500x.jpg">
                                <div class="area">日本·品川区</div>
                            </div>
                            <div class="tags">1室/2室 21-50m²</div>
                            <div class="title two-line">东京 CONCIERIA品川南THE GRAND RESIDENCE</div>
                            <div class="price">约200-391万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-2aadf0ef-80b8-4354-b153-8ac9bf4ab0dd.png.500x.jpg">
                                <div class="area">日本·丰岛区</div>
                            </div>
                            <div class="tags">1室 26-26m²</div>
                            <div class="title two-line"> 东京 CONCIERIA 东池袋</div>
                            <div class="price">约218-247万元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="house-list house-list1">
                <div class="list-content scroll-content">
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-6278fea5-8140-4173-8b9d-403a39e73606.jpg.500x.jpg">
                                <div class="area">英国·伦敦</div>
                            </div>
                            <div class="tags">1-3室 52-113m²</div>
                            <div class="title two-line">伦敦 珑茵港</div>
                            <div class="price">约377-701万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-30f3c5d7-1571-46e2-9fc6-9ffbbf52fa4f.png.500x.jpg">
                                <div class="area">泰国·普吉岛</div>
                            </div>
                            <div class="tags">1-3室 45-225m²</div>
                            <div class="title two-line">普吉岛 Oceana Surin Condominium 高级别墅、公寓一体住宅</div>
                            <div class="price">约128-158万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-fa85da32-342f-484e-8d17-d38092687e62.jpg.500x.jpg">
                                <div class="area">美国·奥兰多</div>
                            </div>
                            <div class="tags">3-5室 168-378m²</div>
                            <div class="title two-line">奥兰多 尚古斯庄园独栋别墅 Sawgrass Plantation</div>
                            <div class="price">约220-320万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-a8d5330d-dfda-4291-ba42-1d58c5ac114a.png.500x.jpg">
                                <div class="area">澳大利亚·墨尔本</div>
                            </div>
                            <div class="tags">1-3室 56-123m²</div>
                            <div class="title two-line">四季花园</div>
                            <div class="price">约189-624万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-47c9dea4-a867-4c46-ad80-5f98296ede47.png.500x.jpg">
                                <div class="area">泰国·曼谷</div>
                            </div>
                            <div class="tags">1室 34-34m²</div>
                            <div class="title two-line">曼谷Ideo Charan 70 柏悦湾湄南河景公寓</div>
                            <div class="price">约49-127万元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="house-list house-list2">
                <div class="list-content scroll-content">
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-30f3c5d7-1571-46e2-9fc6-9ffbbf52fa4f.png.500x.jpg">
                                <div class="area">泰国·普吉岛</div>
                            </div>
                            <div class="tags">1-3室 45-225m²</div>
                            <div class="title two-line">普吉岛 Oceana Surin Condominium 高级别墅、公寓一体住宅</div>
                            <div class="price">约128-158万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-47c9dea4-a867-4c46-ad80-5f98296ede47.png.500x.jpg">
                                <div class="area">泰国·曼谷</div>
                            </div>
                            <div class="tags">1室 34-34m²</div>
                            <div class="title two-line">曼谷Ideo Charan 70 柏悦湾湄南河景公寓</div>
                            <div class="price">约49-127万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-6626a4d3-8e48-4d8e-8100-495d01fc790e.png.500x.jpg">
                                <div class="area">泰国·曼谷</div>
                            </div>
                            <div class="tags">1室 24-31m²</div>
                            <div class="title two-line">曼谷名爵官邸 SUN CITY 多交通高端豪华公寓</div>
                            <div class="price">约46-59万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-3c13c069-4a9f-441e-b1e8-03aa11e86732.png.500x.jpg">
                                <div class="area">美国·奥兰多</div>
                            </div>
                            <div class="tags">3-5室 144-272m²</div>
                            <div class="title two-line">奥兰多 莎草湾 Sawgrass Bay</div>
                            <div class="price">约199-227万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-f3e416fd-b39a-451d-84a6-2b1ff7c12310.png.500x.jpg">
                                <div class="area">加拿大·蒙特利尔</div>
                            </div>
                            <div class="tags">1室 406-406m²</div>
                            <div class="title two-line">蒙特利尔 中心公寓</div>
                            <div class="price">约671-1934万元</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="house-list house-list3">
                <div class="list-content scroll-content">
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-fa85da32-342f-484e-8d17-d38092687e62.jpg.500x.jpg">
                                <div class="area">美国·奥兰多</div>
                            </div>
                            <div class="tags">3-5室 168-378m²</div>
                            <div class="title two-line">奥兰多 尚古斯庄园独栋别墅 Sawgrass Plantation</div>
                            <div class="price">约220-320万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-3c13c069-4a9f-441e-b1e8-03aa11e86732.png.500x.jpg">
                                <div class="area">美国·奥兰多</div>
                            </div>
                            <div class="tags">3-5室 144-272m²</div>
                            <div class="title two-line">奥兰多 莎草湾 Sawgrass Bay</div>
                            <div class="price">约199-227万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-9190fba7-cd1b-4b7a-afe8-12b00be1e764.png.500x.jpg">
                                <div class="area">澳大利亚</div>
                            </div>
                            <div class="tags">2室 100-150m²</div>
                            <div class="title two-line">豪颂花园</div>
                            <div class="price">约222-969万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-d3735c76-6af2-4265-94b9-49d155bb5198.jpg.500x.jpg">
                                <div class="area">法国·小巴黎</div>
                            </div>
                            <div class="tags">1-4室 31-172m²</div>
                            <div class="title two-line">小巴黎项目-风向标</div>
                            <div class="price">约351-2810万元</div>
                        </div>
                    </div>
                    <div class="lj-track star-house-card">
                        <div>
                            <div class="house-pic"><img
                                    src="https://image1.ljcdn.com/overseas/img-b749dff0-9847-4197-b378-7e93c441a35f.jpg.500x.jpg">
                                <div class="area">美国·坦帕</div>
                            </div>
                            <div class="tags">3室/4室 142-240m²</div>
                            <div class="title two-line">美国 坦帕 点金石社区</div>
                            <div class="price">约128-213万元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="home-page__content-tag">
            <div class="title">置业锦囊</div>
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner" style="height: 6rem;">
                    <div class="item active">
                        <img src="https://image1.ljcdn.com/overseas/img-956ce45c-c749-40df-b110-a4dd8c04555f.png.700x.jpg.500x.jpg"
                            alt="Third slide">

                        <img src="https://image1.ljcdn.com/overseas/img-17ced743-a797-41d1-a9a8-9dc3a973be2b.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="https://image1.ljcdn.com/overseas/img-30e73299-f804-4249-9b2a-108422d45f7d.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="https://image1.ljcdn.com/overseas/img-3d055096-eaae-45ac-8082-19a32b736d8e.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                    </div>
                    <div class="item">
                        <img src="https://image1.ljcdn.com/overseas/img-7f6cc583-9801-4234-8669-21aa0836adcd.png.700x.jpg.500x.jpg"
                            alt="Second slide">
                        <img src="https://image1.ljcdn.com/overseas/img-5c56a557-bc36-4155-af21-a3669899c9b1.png.700x.jpg.500x.jpg"
                            alt="Second slide">
                        <img src="http://img.ljcdn.com/neirong-image/wo91usaeaDo97dc.jpg.700x.jpg.500x.jpg"
                            alt="Second slide">
                        <img src="http://img.ljcdn.com/neirong-image/gold1849gz3LO2iP.jpg.700x.jpg.500x.jpg"
                            alt="Second slide">
                    </div>
                    <div class="item">
                        <img src="http://img.ljcdn.com/neirong-image/c3d7617d896ebc96d42640b7a58ae17c.jpg.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="https://image1.ljcdn.com/overseas/img-d73d53c2-1648-4883-a655-8fb84dc72807.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="http://img.ljcdn.com/neirong-image/d0d89a7e73d1fc2a8c6998f68f8a1f97.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="http://img.ljcdn.com/neirong-image/979e3d4e280d67a6e6d027ca570d2075.jpg.700x.jpg.500x.jpg"
                            alt="Third slide">
                    </div>
                    <div class="item">
                        <img src="http://img.ljcdn.com/neirong-image/5382901ba25aeae220e1e82ccf7d9661.png.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="http://img.ljcdn.com/neirong-image/c3d7617d896ebc96d42640b7a58ae17c.jpg.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="http://img.ljcdn.com/neirong-image/wo91usaeaDo97dc.jpg.700x.jpg.500x.jpg"
                            alt="Third slide">
                        <img src="http://img.ljcdn.com/neirong-image/c3d7617d896ebc96d42640b7a58ae17c.jpg.700x.jpg.500x.jpg"
                            alt="Four slide">

                    </div>
                </div>
                <div class="filter-header">
                    <div class="filter-normal">
                        <div class="filter-title"><span>猜你喜欢</span>
                            <div class="filter-tab"><span class="filter-active house-header-content">新房</span><span
                                    class="filter-text house-header-content">二手房</span></div>
                        </div>
                        <div class="navs">
                            <nav class="nav"><span class="active">全球</span>
                                <div class="indicator_down_blue"></div>
                            </nav>
                            <nav class="nav"><span class="">总价</span>
                                <div class="indicator_down_gray"></div>
                            </nav>
                            <nav class="nav"><span class="">房型</span>
                                <div class="indicator_down_gray"></div>
                            </nav>
                            <nav class="nav"><span class="">更多</span>
                                <div class="indicator_down_gray"></div>
                            </nav>
                            <nav class="nav sort">
                                <div class="sort_gray"></div>
                            </nav>
                        </div>
                    </div>
                </div>

            </div>
            <div style="text-align:center;" class="pa">

                <input type="button" class="btn slide-one" value="房源实拍">
                <input type="button" class="btn slide-two" value="海外生活">
                <input type="button" class="btn slide-three" value="资产配置">
                <input type="button" class="btn slide-three" value="留学教育">
            </div>
        </div>
        <div class="house-list" id="filterHouseList">
            <div>
                <div class="am-list-view-scrollview">
                    <div class="am-list-body my-body">
                        <div class="list-view-section-body">
                            <div class="lj-track lj-house-card-container" data-view-evtid="21485"
                                data-view-event="mElementExpo"
                                data-action="{&quot;source_type&quot;:&quot;房源卡片&quot;,&quot;element_title&quot;:&quot;休斯顿 海湖别墅&quot;,&quot;element_index&quot;:1,&quot;house_id&quot;:867,&quot;resblock_id&quot;:&quot;ead975a6-5473-11ea-876c-7cd30a5d5900&quot;,&quot;filter_value&quot;:&quot;新房&amp;国家=全球&amp;地区=不限&amp;城市=不限&quot;,&quot;sort_type&quot;:&quot;排序类型=默认&quot;,&quot;nation&quot;:&quot;全球&quot;,&quot;channel_id&quot;:&quot;新房&quot;,&quot;lecture_id&quot;:&quot;&quot;}">
                                <li class="house-card-container">
                                    <div class="house-card">
                                        <div class="house-card-left">
                                            <div class="image-container"><img class="cover-image"
                                                    src="https://image1.ljcdn.com/overseas/img-1ba54cec-1318-433a-a5d9-b92cebce0aae.jpg.500x.jpg.210x164.png,m_fill,w_210,h_164,l_fbk,ls_50,lg_north_west">
                                                <div class="location-view">美国·里士满</div>
                                                <div class="area"></div>
                                            </div>
                                        </div>
                                        <div class="house-card-right">
                                            <div class="house-title">休斯顿 海湖别墅</div>
                                            <div class="house-subtitle">4室 207-208m²</div>
                                            <div class="house-tags">
                                                <div class="tag">独栋</div>
                                                <div class="tag">精装修</div>
                                                <div class="tag">无公摊</div>
                                                <div class="tag">车位充足</div>
                                                <div class="tag">总价低</div>
                                            </div>
                                            <div class="house-price"><span class="rmb-price">约193-235万元</span><span
                                                    class="price">约27-33万美元</span></div>
                                            <div class="discounts-item"><span
                                                    class="discounts-icon">惠</span><span>硬装结构升级价值2.2万美金</span></div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="lj-track lj-house-card-container" data-view-evtid="21485"
                                data-view-event="mElementExpo"
                                data-action="{&quot;source_type&quot;:&quot;房源卡片&quot;,&quot;element_title&quot;:&quot;伦敦 珑茵港&quot;,&quot;element_index&quot;:2,&quot;house_id&quot;:808,&quot;resblock_id&quot;:&quot;d258d60d-0f30-11ea-876c-7cd30a5d5900&quot;,&quot;filter_value&quot;:&quot;新房&amp;国家=全球&amp;地区=不限&amp;城市=不限&quot;,&quot;sort_type&quot;:&quot;排序类型=默认&quot;,&quot;nation&quot;:&quot;全球&quot;,&quot;channel_id&quot;:&quot;新房&quot;,&quot;lecture_id&quot;:&quot;&quot;}">
                                <li class="house-card-container">
                                    <div class="house-card">
                                        <div class="house-card-left">
                                            <div class="image-container"><img class="cover-image"
                                                    src="https://image1.ljcdn.com/overseas/img-6278fea5-8140-4173-8b9d-403a39e73606.jpg.500x.jpg.210x164.png,m_fill,w_210,h_164,l_fbk,ls_50,lg_north_west">
                                                <div class="location-view">英国·伦敦</div>
                                                <div class="area"></div>
                                            </div>
                                        </div>
                                        <div class="house-card-right">
                                            <div class="house-title">伦敦 珑茵港</div>
                                            <div class="house-subtitle">1-3室 52-113m²</div>
                                            <div class="house-tags">
                                                <div class="tag">公寓</div>
                                                <div class="tag">户型方正</div>
                                                <div class="tag">精装修</div>
                                                <div class="tag">交通便利</div>
                                                <div class="tag">社区成熟</div>
                                                <div class="tag">知名房企</div>
                                            </div>
                                            <div class="house-price"><span class="rmb-price">约378-703万元</span><span
                                                    class="price">约43-80万英镑</span></div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="lj-track lj-house-card-container" data-view-evtid="21485"
                                data-view-event="mElementExpo"
                                data-action="{&quot;source_type&quot;:&quot;房源卡片&quot;,&quot;element_title&quot;:&quot;普吉岛 Oceana Surin Condominium 高级别墅、公寓一体住宅&quot;,&quot;element_index&quot;:3,&quot;house_id&quot;:700,&quot;resblock_id&quot;:&quot;048ee59c-86c1-11e9-876c-7cd30a5d5900&quot;,&quot;filter_value&quot;:&quot;新房&amp;国家=全球&amp;地区=不限&amp;城市=不限&quot;,&quot;sort_type&quot;:&quot;排序类型=默认&quot;,&quot;nation&quot;:&quot;全球&quot;,&quot;channel_id&quot;:&quot;新房&quot;,&quot;lecture_id&quot;:&quot;&quot;}">
                                <li class="house-card-container">
                                    <div class="house-card">
                                        <div class="house-card-left">
                                            <div class="image-container"><img class="cover-image"
                                                    src="https://image1.ljcdn.com/overseas/img-30f3c5d7-1571-46e2-9fc6-9ffbbf52fa4f.png.500x.jpg.210x164.png,m_fill,w_210,h_164,l_fbk,ls_50,lg_north_west">
                                                <div class="location-view">泰国·普吉岛</div>
                                                <div class="area"></div>
                                            </div>
                                        </div>
                                        <div class="house-card-right">
                                            <div class="house-title">普吉岛 Oceana Surin Condominium 高级别墅、公寓一体住宅</div>
                                            <div class="house-subtitle">1-3室 45-225m²</div>
                                            <div class="house-tags">
                                                <div class="tag">公寓</div>
                                                <div class="tag">独栋</div>
                                                <div class="tag">度假房</div>
                                                <div class="tag">精装修</div>
                                                <div class="tag">核心地段</div>
                                                <div class="tag">交通便利</div>
                                                <div class="tag">市中心</div>
                                            </div>
                                            <div class="house-price"><span class="rmb-price">约129-158万元</span><span
                                                    class="price">约575-708万泰铢</span></div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="lj-track lj-house-card-container" data-view-evtid="21485"
                                data-view-event="mElementExpo"
                                data-action="{&quot;source_type&quot;:&quot;房源卡片&quot;,&quot;element_title&quot;:&quot;奥兰多 尚古斯庄园独栋别墅 Sawgrass Plantation&quot;,&quot;element_index&quot;:4,&quot;house_id&quot;:920,&quot;resblock_id&quot;:&quot;abac09f5-8910-11ea-876c-7cd30a5d5900&quot;,&quot;filter_value&quot;:&quot;新房&amp;国家=全球&amp;地区=不限&amp;城市=不限&quot;,&quot;sort_type&quot;:&quot;排序类型=默认&quot;,&quot;nation&quot;:&quot;全球&quot;,&quot;channel_id&quot;:&quot;新房&quot;,&quot;lecture_id&quot;:&quot;&quot;}">
                                <li class="house-card-container">
                                    <div class="house-card">
                                        <div class="house-card-left">
                                            <div class="image-container"><img class="cover-image"
                                                    src="https://image1.ljcdn.com/overseas/img-fa85da32-342f-484e-8d17-d38092687e62.jpg.500x.jpg.210x164.png,m_fill,w_210,h_164,l_fbk,ls_50,lg_north_west">
                                                <div class="location-view">美国·奥兰多</div>
                                                <div class="area"></div>
                                            </div>
                                        </div>
                                        <div class="house-card-right">
                                            <div class="house-title">奥兰多 尚古斯庄园独栋别墅 Sawgrass Plantation</div>
                                            <div class="house-subtitle">3-5室 168-378m²</div>
                                            <div class="house-tags">
                                                <div class="tag">独栋</div>
                                                <div class="tag">带花园</div>
                                                <div class="tag">现房</div>
                                                <div class="tag">交通便利</div>
                                                <div class="tag">精装修</div>
                                                <div class="tag">无公摊</div>
                                            </div>
                                            <div class="house-price"><span class="rmb-price">约221-321万元</span><span
                                                    class="price">约31-45万美元</span></div>
                                            <div class="discounts-item"><span
                                                    class="discounts-icon">惠</span><span>赠送装修升级包高达5000美金</span></div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                            <div class="lj-track lj-house-card-container" data-view-evtid="21485"
                                data-view-event="mElementExpo"
                                data-action="{&quot;source_type&quot;:&quot;房源卡片&quot;,&quot;element_title&quot;:&quot;四季花园&quot;,&quot;element_index&quot;:5,&quot;house_id&quot;:912,&quot;resblock_id&quot;:&quot;36fb1b39-78a8-11ea-876c-7cd30a5d5900&quot;,&quot;filter_value&quot;:&quot;新房&amp;国家=全球&amp;地区=不限&amp;城市=不限&quot;,&quot;sort_type&quot;:&quot;排序类型=默认&quot;,&quot;nation&quot;:&quot;全球&quot;,&quot;channel_id&quot;:&quot;新房&quot;,&quot;lecture_id&quot;:&quot;&quot;}">
                                <li class="house-card-container">
                                    <div class="house-card">
                                        <div class="house-card-left">
                                            <div class="image-container"><img class="cover-image"
                                                    src="https://image1.ljcdn.com/overseas/img-a8d5330d-dfda-4291-ba42-1d58c5ac114a.png.500x.jpg.210x164.png,m_fill,w_210,h_164,l_fbk,ls_50,lg_north_west">
                                                <div class="location-view">澳大利亚·墨尔本</div>
                                                <div class="area"></div>
                                            </div>
                                        </div>
                                        <div class="house-card-right">
                                            <div class="house-title">四季花园</div>
                                            <div class="house-subtitle">1-3室 56-123m²</div>
                                            <div class="house-tags">
                                                <div class="tag">公寓</div>
                                                <div class="tag">户型方正</div>
                                                <div class="tag">现房</div>
                                                <div class="tag">精装修</div>
                                                <div class="tag">交通便利</div>
                                                <div class="tag">社区成熟</div>
                                            </div>
                                            <div class="house-price"><span class="rmb-price">约189-624万元</span><span
                                                    class="price">约40-132万澳元</span></div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                       
                     
              
                  
                        </div>
                    </div>
                    <div class="am-list-footer">
                        <div class="loading_box"><a><i class="loading"></i><span>加载中…</span></a></div>
                    </div>
                </div>
            </div>
        </div>

    </div>



    <script>
        (function () {

            function w() {
                var all = document.documentElement;
                var test = all.getBoundingClientRect().width;
                rem = test / 7.5;
                all.style.fontSize = rem + 'px'
            }
            w();
            window.addEventListener("resize", function () {
                w()
            }, false)
        })();



        var mySwiper = new Swiper('.swiper-container', {


            // 轮播图的方向，也可以是vertical方向

            direction: 'horizontal',

            //播放速度

            loop: true,

            // 自动播放时间

            // autoplay: true,

            // 播放的速度

            speed: 2000,

            // 如果需要分页器，即下面的小圆点
            pagination: '.swiper-pagination',


            // 这样，即使我们滑动之后， 定时器也不会被清除

            autoplayDisableOnInteraction: false,

        });
        $('.house-header-content').on('click', 'div', function () {

            $(this).addClass('active').siblings().removeClass('active')
            console.log($(this)[0].dataset.index)
            $('.desc').hide()
            var num = $(this)[0].dataset.index
            console.log(num)
            $('.desc')[$(this)[0].dataset.index].style.display = 'block'
            console.log($('.house-list:eq(' + num + ')').addClass('show-list').siblings().removeClass('show-list'))


        })

        $(function () {
            // 初始化轮播
            $(".start-slide").click(function () {
                $("#myCarousel").carousel('cycle');
            });
            // 停止轮播
            $(".pause-slide").click(function () {
                $("#myCarousel").carousel('pause');
            });
            // 循环轮播到上一个项目
            $(".prev-slide").click(function () {
                $("#myCarousel").carousel('prev');
            });
            // 循环轮播到下一个项目
            $(".next-slide").click(function () {
                $("#myCarousel").carousel('next');
            });
            // 循环轮播到某个特定的帧 
            $(".slide-one").click(function () {
                $("#myCarousel").carousel(0);
            });
            $(".slide-two").click(function () {
                $("#myCarousel").carousel(1);
            });
            $(".slide-three").click(function () {
                $("#myCarousel").carousel(2);
            });
            $(".slide-three").click(function () {
                $("#myCarousel").carousel(3);
            });
        });

        $("#home").click(()=>{
            window.location.href="index_wzt.html"
        })
    </script>
</body>

</html>